<template>
  <div>
    <input type="text" v-model="user.name">
    <input type="text" v-model="user.age">
  </div>
</template>

<script>
export default {
  name: 'VueMedoApp',

  data() {
    return {
      user:{
        name:'',
        age:''
      }
    };
  },
  //侦听器默认情况无法监听引用类型
  //如果需要监听引用类型的属性变化，就需要使用深度监听
  //如果需要页面刚加载就执行一次，可以使用立即执行配置
  //完整写法：
  //要监听的属性名：{deep:true,handler(){}}
  watch:{
    user:{
      //immediate:true,//页面加载时立即执行一次
      deep: true,
      handler(newVal,oldVal) {
        //监听yin
        console.log(newVal.name,oldVal.name);
        console.log(this.user);
      }
    }
  }
};
</script>

<style>

</style>